背景
- 背景图到底用雪碧图好，还是用base64好呢
Css Sprites（雪碧图或css精灵），是网页图片处理的一种方式，它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
原理：
将许多的小图片整合到一张大图片中，利用css中的background-image属性，background-position属性定位某个图片位置，来达到在大图片中引用某个部位的小图片的效果。
边框
- css的边框三角形的实现
实现思路：
1.元素的宽高必须为0；
2.宽度随意；
3.边框样式为实心；
4.重点来了：三条边的颜色为transparent,即透明的，一条边框为你要的三角形的颜色。
5:三角形的底边是相邻两条边的宽度相加；高是该条边的宽度。
还需要处理一下兼容性，transparent这个值在IE6下会显示成一个黑色。不过，我们可以用边框的样式来解决 ，把其他三条边框的样式改成点线，这样在IE6下就能显示透明了。 前端小技巧（一）：边框写三角形
- 原理：同一个元素中，相邻的两个边框交接处是斜角
css hack
- css hack是兼容ie6-8必不可少的，css hack看起来不像正经的css，在一部分浏览器上生效的叫css hack
- 注意假如在ie6-8回比正常的浏览器多20px，解决方案如下（注意不要调换顺序）：
